<div class="card" xmlns="http://www.w3.org/1999/html">
    <div data-th-include="system/user/userAdd"></div>
    <div class="card-block">
        <div class="table-responsive">
            <div id="data-table_wrapper" class="dataTables_wrapper">
                <!--shiro权限控制部分，设置为隐藏不可删除-->
                <div class="dataTables_buttons hidden-sm-down actions" style="display: none">
                    <div class="dropdown actions__item" shiro:hasAnyPermissions="user:add,user:delete,user:update">
                        <i data-toggle="dropdown" class="zmdi zmdi-more-vert"></i>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="javascript:void(0)" id="addFlag" class="dropdown-item" data-toggle="modal" data-target="#user-add" shiro:hasPermission="user:add">新增用户</a>
                            <a href="javascript:void(0)" id="editFlag" class="dropdown-item" onclick="updateUser()" shiro:hasPermission="user:update">修改用户</a>
                            <a href="javascript:void(0)" id="delFlag" class="dropdown-item" onclick="deleteUsers()" shiro:hasPermission="user:delete">删除用户</a>
                        </div>
                    </div>
                </div>
                <!--数据搜索及表格展示部分-->
                <div id="data-table_filter" class="dataTables_filter">
                    <!--搜索框部分，一定要加上 onsubmit="return false;"-->
                    <form class="user-table-form" onsubmit="return false;">
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon"> 用户名： </span>
                                    <div class="form-group">
                                        <input type="text" name="username" class="form-control"> <i class="form-group__bar"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon"> 性别： </span>
                                    <div class="form-group">
                                        <select class="form-control" name="ssex">
                                            <option value="" selected>所有</option>
                                            <option value="0">男</option>
                                            <option value="1">女</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon"> 状态： </span>
                                    <div class="form-group">
                                        <select class="form-control" name="status">
                                            <option value="" selected>所有</option>
                                            <option value="0">锁定</option>
                                            <option value="1">有效</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <button class="btn btn-success" onclick="searchUsers()">搜索</button>
                            </div>
                        </div>
                        <div  class="row">
                            <div class="col-sm-3">
                                <a href="javascript:void(0)" class="btn btn-success" data-toggle="modal" data-target="#user-add" shiro:hasPermission="user:add">新增用户</a>
                                <a href="javascript:void(0)" class="btn btn-success" onclick="exportUserExcel()">导出用户</a>
                            </div>
                        </div>
                    </form>
                </div>
                <!--数据加载表格-->
                <table id="userTable" data-mobile-responsive="true" class="mb-bootstrap-table text-nowrap"></table>
            </div>
        </div>
    </div>
</div>
<!--页面引入的js-->
<script data-th-src="@{js/app/system/user/user.js}"></script>
<script data-th-src="@{js/app/system/user/userEdit.js}"></script>